// button reset
#application-body .ant-btn {
	color: @text-color;
	background-color: transparent;
	border-color: @border-color-base;
	font-weight: 500;
	transition: all 0.3s;
	&:hover,
	&:focus {
		color: lighten(@primary-color, 20%);
		border-color: lighten(@primary-color, 20%);
	}
	&[disabled],
	&[disabled]:hover {
		color: @disabled-color;
		background: lighten(@disabled-color, 80%);
	}

	> div {
		display: inline-block;
	}
    &-text.ant-btn {
        border: none;
		background-color: transparent;
    }
	&-link.ant-btn {
		color: @app_link;
		border: none;
		background-color: transparent;
	}
	&-link.ant-btn:hover,
	&-link.ant-btn:focus,
	&-link.ant-btn:active {
		color: fade(@app_link, 80%);
		border-color: transparent;
	}

	&-yellow {
		color: @primary-color;
		background-color: @app_yellow;
		border-color: @app_yellow;
		&:hover,
		&:focus {
			background-color: fade(@app_yellow, 80%);
			border-color: fade(@app_yellow, 80%);
		}
		&[disabled],
		&[disabled]:hover {
			color: fade(@primary-color, 40%);
		}
	}

	&-danger {
		color: @app_white;
		background-color: @app_error;
		border-color: @app_error;

		&:hover,
		&:focus {
			color: @app_white;
			background-color: lighten(@app_error, 10%);
			border-color: fade(@app_error, 70%);
		}
		&[disabled],
		&[disabled]:hover {
			color: fade(@primary-color, 40%);
		}
	}

	&-default {
		color: @primary-color;
		background-color: @app_white;
		border-color: @primary-color;

		&:hover,
		&:focus {
			color: #000;
			background-color: @app_white;
			border-color: #000;
		}
		//
		&[disabled],
		&[disabled]:hover {
			color: fade(@primary-color, 40%);
			background: fade(@app_white, 40%);
			border-color: fade(@primary-color, 40%);
		}
	}

	[data-theme='light'] &.ant-btn-link.is-disabled {
		color: rgba(0, 0, 0, 0.25);
		text-shadow: none;
		cursor: not-allowed;
		background-color: transparent;
		border-color: transparent;
		box-shadow: none;
	}

	[data-theme='dark'] &.ant-btn-link.is-disabled {
		color: rgba(255, 255, 255, 0.25);
		text-shadow: none;
		cursor: not-allowed;
		background-color: transparent;
		border-color: transparent;
		box-shadow: none;
	}

	// color: @app_white;

	&-success.ant-btn-link:not([disabled='disabled']) {
		color: @app_success;

		&:hover,
		&:focus {
			color: lighten(@app_success, 15%);
			border-color: transparent;
		}

		&:active {
			color: darken(@app_success, 15%);
		}
	}

	&-success.ant-btn-link.ant-btn-loading,
	&-warning.ant-btn-link.ant-btn-loading,
	&-error.ant-btn-link.ant-btn-loading,
	&-background-ghost.ant-btn-link.ant-btn-loading,
	&.ant-btn-link.ant-btn-loading {
		&::before {
			background: transparent;
		}
	}

	&-success:not(.ant-btn-link, .is-disabled) {
		color: @app_white;
		background-color: @app_success;
		border-color: @app_success;
		//border-width: 0;

		&:hover,
		&:focus {
			color: @app_white;
			background-color: lighten(@app_success, 15%);
			border-color: lighten(@app_success, 15%);
		}

		&:active {
			background-color: darken(@app_success, 15%);
			border-color: darken(@app_success, 15%);
		}

		//&[disabled],
		//&[disabled]:hover {
		//  color: @app_white;
		//  background-color: fade(@app_success, 40%);
		//  border-color: fade(@app_success, 40%);
		//}
	}

	&-warning.ant-btn-link:not([disabled='disabled']) {
		color: @app_warning;

		&:hover,
		&:focus {
			color: lighten(@app_warning, 15%);
			border-color: transparent;
		}

		&:active {
			color: darken(@app_warning, 15%);
		}
	}

	&-warning:not(.ant-btn-link, .is-disabled) {
		color: @app_white;
		background-color: @app_warning;
		border-color: @app_warning;
		//border-width: 0;

		&:hover,
		&:focus {
			color: @app_white;
			background-color: lighten(@app_warning, 15%);
			border-color: lighten(@app_warning, 15%);
		}

		&:active {
			background-color: darken(@app_warning, 15%);
			border-color: darken(@app_warning, 15%);
		}
	}

	&-error.ant-btn-link:not([disabled='disabled']) {
		color: @app_error;

		&:hover,
		&:focus {
			color: lighten(@app_error, 10%);
			border-color: transparent;
		}

		&:active {
			color: darken(@app_error, 10%);
		}
	}

	&-error:not(.ant-btn-link, .is-disabled) {
		color: @app_white;
		background-color: @app_error;
		border-color: @app_error;

		&:hover,
		&:focus {
			color: @app_white;
			background-color: lighten(@app_error, 10%);
			border-color: lighten(@app_error, 10%);
		}

		&:active {
			background-color: darken(@app_error, 10%);
			border-color: darken(@app_error, 10%);
		}
	}

	&-background-ghost {
		border-width: 1px;
		background-color: transparent;

		&[disabled],
		&[disabled]:hover {
			color: fade(@app_white, 40%);
			background-color: transparent;
			border-color: fade(@app_white, 40%);
		}
	}

	&-dashed&-background-ghost,
	&-default&-background-ghost {
		color: @app_white;
		border-color: @app_white;

		&:hover,
		&:focus {
			color: lighten(@app_white, 10%);
			border-color: lighten(@app_white, 10%);
		}

		&:active {
			color: darken(@app_white, 10%);
			border-color: darken(@app_white, 10%);
		}

		&[disabled],
		&[disabled]:hover {
			color: fade(@app_white, 40%);
			border-color: fade(@app_white, 40%);
		}
	}

	&-background-ghost&-success:not(.ant-btn-link) {
		color: @app_success;
		background-color: transparent;
		border-color: @app_success;
		border-width: 1px;

		&:hover,
		&:focus {
			color: lighten(@app_success, 15%);
			border-color: lighten(@app_success, 15%);
		}

		&:active {
			color: darken(@app_success, 15%);
			border-color: darken(@app_success, 15%);
		}
	}

	&-background-ghost&-warning:not(.ant-btn-link) {
		color: @app_warning;
		background-color: transparent;
		border-color: @app_warning;
		border-width: 1px;

		&:hover,
		&:focus {
			color: lighten(@app_warning, 15%);
			border-color: lighten(@app_warning, 15%);
		}

		&:active {
			color: darken(@app_warning, 15%);
			border-color: darken(@app_warning, 15%);
		}
	}

	&-background-ghost&-error:not(.ant-btn-link) {
		color: @app_error;
		background-color: transparent;
		border-color: @app_error;
		border-width: 1px;

		&:hover,
		&:focus {
			color: lighten(@app_error, 10%);
			border-color: lighten(@app_error, 10%);
		}

		&:active {
			color: darken(@app_error, 10%);
			border-color: darken(@app_error, 10%);
		}
	}

	&-ghost.ant-btn-link:not([disabled='disabled']) {
		color: @app_white;

		&:hover,
		&:focus {
			color: lighten(@app_white, 10%);
			border-color: transparent;
		}
	}
}
#application-body button.ant-btn.ant-btn-primary {
	color: @app_white;
	background-color: @primary-color;
	border-color: @primary-color;

	&:hover,
	&:focus {
		color: @app_white;
		background-color: lighten(@primary-color, 10%);
		border-color: lighten(@primary-color, 10%);
	}
	&[disabled] {
		color: @disabled-color;
		background: lighten(@disabled-color, 80%);
		border-color: @border-color-base;
	}
	&[disabled],
	&[disabled]:hover {
		color: @disabled-color;
	}
}